<div class="panel dux-box">
    
    <div class="table-responsive">
        <table id="table" class="table table-hover ">
            <tbody>
                <tr>
                    <th width="80">编号</th>
                    <th width="*">名称</th>
                    <th width="*">状态</th>
                    <th width="130">操作</th>
                </tr>
                <volist name="list" id="val">
                <tr>
                    <td>{$val['group_id']}</td>
                      <td>{$val['name']}</td>
                    <td>
                       <if condition="$val['status'] eq 1">
                       <span class="tag bg-green">正常</span>
                       <else/>
                       <span class="tag bg-red">禁用</span>
                       </if>
                    </td>
                    <td>
                        <a class="button bg-blue button-small icon-pencil" href="{:U('edit',array('group_id'=>$val['group_id']))}" title="修改"></a>
                        <a class="button bg-blue button-small icon-key" href="{:U('purview',array('group_id'=>$val['group_id']))}" title="权限"></a>
                        <a class="button bg-red button-small icon-trash-o js-del" href="javascript:;" data="{$val['group_id']}" title="删除"></a>
                    </td>
                </tr>
                </volist>
            </tbody>
        </table>
    </div>
</div>
<script>
Do.ready('base',function() {
	$('#table').duxTable({
		deleteUrl: "{:U('del')}"
	});
});
</script>